/*(function (doc, win) {
    var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        //orientationchange 事件是在用户水平或者垂直翻转设备（即方向发生变化）时触发的事件。
        //resize事件是屏幕缩放时候触发的事件
        recalc = function () {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            if(clientWidth>=640){
                docEl.style.fontSize = '100px';
            }else{
                docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
            }
        };
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
    /!*DOMContentLoaded是firefox下特有的Event, 当所有DOM解析完以后会触发这个事件。
    DOMContentLoaded事件本身不会等待CSS文件、图片、iframe加载完成。
    它的触发时机是：加载完页面，解析完所有标签（不包括执行CSS和JS），
    并如规范中所说的设置interactive和执行每个静态的script标签中的JS，然后触发。
    而JS的执行，需要等待位于它前面的CSS加载（如果是外联的话）、执行完成，
    因为JS可能会依赖位于它前面的CSS计算出来的样式。*!/
})(document, window);*/

/*function page() {

//通过navigator判断是否是移动设备
    if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
//在移动端
        (function (doc, win) {
// html
            var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    clientWidth = (clientWidth > 768 ) ? 768 : clientWidth ;
                    if(clientWidth > 768){
                        clientWidth = '60px';
                    }
                    if(clientWidth < 768 && clientWidth > 375 ){
                        clientWidth = '60px';
                    }
                    if(clientWidth < 375 ){
                        clientWidth = '60px';
                    }
                    docEl.style.fontSize = clientWidth;      //这个10可以根据自己使用的数据来调整
                };
            if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false);
            recalc();

        })(document, window);
//移动端 文字适配
    }
    else {       //如果是pc端我们可以像微信公众号那样，设置最大宽度为740px
// window.location.href="prompt.html"
        document.documentElement.style.maxWidth=740+'px';
        document.documentElement.style.margin="0 auto"
//PC端
    }}
page();*/
function page() {
//通过navigator判断是否是移动设备
    if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
//在移动端
        (function (doc, win) {
            //  html
            var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    clientWidth = (clientWidth > 640 ) ? 640 : clientWidth ; docEl.style.fontSize = 100 * (clientWidth / 640 ) + 'px';      //这个10可以根据自己使用的数据来调整
                };
            if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false);
            recalc();
        })(document, window);
//移动端  文字适配
    }
    else {       //如果是pc端我们可以像微信公众号那样，设置最大宽度为740px
//  	window.location.href="prompt.html"
        document.documentElement.style.maxWidth=740+'px';
        document.documentElement.style.margin="0 auto"
//PC端
    }}
page();

